<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>巨赢网络多开管理后台</title>
    <c:set var="ctx" value="${pageContext.request.contextPath}"/>
    <style>
        .pageDivCss{
            filter:alpha(opacity=30); /*设置透明度为60%*/
            opacity:0.3; /*非IE浏览器下设置透明度为60%*/
            background-color: #4F4F4F;
        }
        .hide
        {
            display:none;
        }
    </style>
    <link rel="stylesheet" href="/static/ownCSS/main.css">
    <link rel="stylesheet" href="/static/ownCSS/upload.css">
    <link rel="stylesheet" href="/static/jquery-login-20150514/css/style2.css">
    <!-- DataTables CSS -->
    <link rel="stylesheet" type="text/css" href="/static/DataTables-1.10.15/media/css/jquery.dataTables.css">
    <link rel="stylesheet" type="text/css" href="/static/DataTables-1.10.15/media/css/dataTables.bootstrap.css">
    <!-- jQuery -->
    <script type="text/javascript" charset="utf8" src="/static/DataTables-1.10.15/media/js/jquery.js"></script>
    <script type="text/javascript" charset="utf8" src="/static/jquery-login-20150514/js/clipboard.min.js"></script>
    <script type="text/javascript" charset="utf8" src="/static/jquery-login-20150514/js/jquery.js"></script>
    <!-- DataTables -->
    <script type="text/javascript" charset="utf8" src="/static/DataTables-1.10.15/media/js/jquery.dataTables.js"></script>
    <script type="text/javascript" charset="utf8" src="/static/DataTables-1.10.15/media/js/dataTables.bootstrap.js"></script>
</head>

<body>
<div id="body">
    <%--背景div--%>
    <div id="backDiv">
        <%--内容div--%>
        <div id="contentDiv">
            <form id="divForm" method="post" enctype="multipart/form-data">
                <%--布局弹出框的样式--%>
                <div id="inTopDiv">
                    <span id="thTopName">新增Tab栏广告位</span>
                </div>
                <%--中间内容--%>
                <div id="inMiddleDivOut">
                    <div id="inMiddleDiv">
                        <div id="div_1"><span style="color: red">*</span>产品名称:&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                            <input id="prodName" name="prodName"></input>
                        </div>
                        <div id="div_2">
                            <div id="div_21"><span style="color: red">*</span>上传缩略图:</div>
                            <div id="div_22">
                                <img src="" id="img0" width="60px" height="60px" class="hide">
                                <input id="prodPic" name="prodPic" type="file"></input>
                            </div>
                        </div>
                        <div id="div_2a">
                            <div id="div_2a1"><span style="color: red">*</span>上传APK包:</div>
                            <div id="div_2a2">
                                <img src="" id="img1" width="60px" height="60px" class="hide">
                                <input id="prodPica" name="prodPica" type="file"/>

                               <%--上传进度条--%>
                                <%--<div class="ok"></div>--%>
                                <div class="box">
                                    <div class="tBox">
                                        <div class="tiaoT"></div>
                                    </div>
                                </div>

                            </div>
                        </div>
                        <div id="div_bb" style="display: none"><span style="color: red">*</span><input value="图片本地地址">:&nbsp&nbsp&nbsp
                            <input id="prodUrlbb" name="prodUrlbb"></input>
                            <input type="button" class="btn3" data-clipboard-action="copy" data-clipboard-target="#prodUrlbb" value="复制">
                        </div>
                        <div id="div_3"><span style="color: red">*</span><input id="anzhInput" value="安装包地址" style="width: 80px;border: 0px;font-size: 16px;font-family: 楷体">:
                            &nbsp&nbsp&nbsp
                            <input style="margin-left:-3px" id="prodUrl" name="prodUrl"></input>
                            <input type="button" class="btn4" data-clipboard-action="copy" data-clipboard-target="#prodUrl" value="复制">
                        </div>
                        <div id="div_3_5"><span style="color: red">*</span>权重:
                            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                            <input style="margin-left:-3px" id="weight" name="weight"></input>
                        </div>
                        <div id="div_4"><span style="color: red">*</span>是否显示:&nbsp&nbsp&nbsp&nbsp&nbsp
                            <label><input name="prodRadio" type="radio" value="prodTrue"/>是</label>
                            <label><input name="prodRadio" type="radio" value="prodFalse"/>否</label>
                        </div>
                    </div>
                </div>
                <%--保存和取消--%>
                <div id="inBottomDiv">
                    <div id="bottomLeft">
                        <input type="button" onclick="divCancel();" value="取消"/>
                    </div>
                    <div id="bottomRight">
                        <input type="button" onclick="divSave();" value="保存"/>
                    </div>
                </div>
            </form>
        </div>
        <div id="contentDivM">
            <form id="divFormM" method="post" enctype="multipart/form-data">
                <%--布局弹出框的样式--%>
                <div id="inTopDivM">
                    <span id="thTopNameM">新增更新</span>
                </div>
                <%--中间内容--%>
                <div id="inMiddleDivOutM">
                    <div id="inMiddleDivM">
                        <div id="div_1M"><span style="color: red">*</span>产品名称:&nbsp&nbsp&nbsp&nbsp
                            <input id="prodNameM" name="prodNameM"></input>
                        </div>
                        <%--<div id="div_2M">--%>
                            <%--<div id="div_21M">上传缩略图:&nbsp&nbsp&nbsp<span style="color: red">*</span></div>--%>
                            <%--<div id="div_22M">--%>
                                <%--<img src="" id="img0M" width="60px" height="60px" class="hide">--%>
                                <%--<input id="prodPicM" name="prodPicM" type="file"></input>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <div id="div_2aM">
                            <div id="div_2a1M"><span style="color: red">*</span>上传APK包:</div>
                            <div id="div_2a2M">
                                <img src="" id="img1M" width="60px" height="60px" class="hide">
                                <input id="prodPicaM" name="prodPicaM" type="file"></input>
                                <%--<div class="box">--%>
                                    <%--<div class="ok"></div>--%>
                                    <%--<div class="tbox">--%>
                                        <%--<div class="tiao"></div>--%>
                                    <%--</div>--%>
                                <%--</div>--%>
                            </div>
                        </div>
                        <div id="div_3M">
                            <%--应用名称--%>
                            <input id="productName" name="productName" value="" style="font-family: 楷体"></input>
                            <%--包名--%>
                            <input id="packageName" name="packageName" value="" style="font-family: 楷体"></input>
                            <%--版本名称--%>
                            <input id="versionName" name="versionName" value="" style="font-family: 楷体"></input>
                            <%--md5--%>
                            <input id="md5" name="md5" value=""></input>
                            <%--url隐藏--%>
                            <input id="urlM" name="urlM" value="" style="display: none;font-family: 楷体" ></input>
                            <%--versionCode隐藏--%>
                            <input id="versionCode" name="versionCode" value="" style="display: none;font-family: 楷体"></input>
                            <%--保存id--%>
                             <input id="idAPk" name="idAPk" value="" style="display: none;font-family: 楷体"></input>
                        </div>
                        <div id="div_4M"><span style="color: red">*</span>更新说明:
                            <%--<label><input name="prodRadio" type="radio" value="prodTrue"/>是</label>--%>
                            <%--<label><input name="prodRadio" type="radio" value="prodFalse"/>否</label>--%>
                            <%--<div style="float: right">--%>
                                <textarea id="updateMArea" name="updateMArea" style="width: 230px;height: 80px;margin-top: -38px;
                                margin-left: 120px;font-family: 楷体"></textarea>
                            <%--</div>--%>
                        </div>
                    </div>
                </div>
                <%--保存和取消--%>
                <div id="inBottomDivM">
                    <div id="bottomLeftM">
                        <input type="button" onclick="divCancelM();" value="取消"/>
                    </div>
                    <div id="bottomRightM">
                        <input type="button" onclick="divSaveM();" value="保存"/>
                    </div>
                </div>
            </form>
        </div>
        <div id="clickDiv">
            <%--点击次数弹出框的样式--%>
            <div id="clickTopDiv">
                <div id="click1"><div style="margin-top: 6px;margin-left:60px">日期</div></div>
                <div id="click2"><div style="margin-top: 6px;margin-left:60px;">点击量</div></div>
                <div id="click3"><div id="click3Can" onclick="clickCancel();"></div></div>
            </div>
            <%--存放table--%>
            <div id="clickBottomDiv">
                <table id="clickTable">
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>

    <%--弹窗--%>
    <div id="backDivM" style="display: none;">
        <div class="alert" style="display:none">
            <h2>消息</h2>
            <div class="alert_con">
                <p id="ts"></p>
                <div>
                    <%--<div>--%>
                    <%--<p style="line-height:30px;width: 300px" id="p2">--%>
                    <%--<div>--%>
                    <div class="tanChuangInner1"><a class="btn-1" onclick="cancelTab()">取消</a></div>
                    <div class="tanChuangInner2"><a class="btn" onclick="closeTab()">确定</a></div>
                    <%--</div>--%>
                    <%--</p>--%>
                    <%--</div>--%>
                    <%--<div><p style="line-height:30px;width: 150px" id="p3"></p>--%>
                    <%--</div>--%>
                </div>
            </div>
        </div>
    </div>
    <div id="pageDiv">
    <%--</div>--%>
    <div id="header">
        <div id="logoDiv">
            <div id="logo">
            </div>
        </div>
        <div id="headerTitle">
            <span id="title">巨赢网络多开管理后台V1.0</span>
        </div>
        <div id="user">
            <div id="userSpan">你好,&nbsp${user.realName}&nbsp&nbsp欢迎登录
                &nbsp&nbsp&nbsp&nbsp
                &nbsp&nbsp&nbsp&nbsp
                &nbsp&nbsp&nbsp&nbsp
                &nbsp&nbsp&nbsp&nbsp
                <input id="userExit" type="button" onclick="exit();" value="退出登录"></input>
            </div>
        </div>
    </div>
    <div id="middle">
        <div class="left">
            <ul id="leftUl">
                <li id="adv" onclick="adv();">广告系统</li>
                <li id="advTab" onclick="tabs();">Tab栏广告管理</li>
                <li id="advBanner" onclick="banners();">Banner广告位</li>
                <li id="advDesk" onclick="desks();">Desk广告位</li>
            </ul>
            <ul id="leftU2">
                <li id="systemM" onclick="systemM();"> 系统管理</li>
                <li id="updateM" onclick="updateM();">升级管理</li>
            </ul>
        </div>
        <div class="centerTop" id="centerTop">
            <div class="centerTopButton" id="TopButton1">
                <input type="button" name="newAdv" id="newAdv" value="新增广告" onclick="addTab()"/>
            </div>
            <div class="centerTopButton" id="TopButton2">
                <input type="button" name="newAdvM" id="newAdvM" value="新增更新" onclick="addTabM()"/>
            </div>
        </div>
        <div class="center">
            <div id="centerTable" class="centerTable">
            <table id="table_id" class="firstTable">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>广告名</th>
                    <th id="thPicName"></th>
                    <th>URL地址</th>
                    <th>下载次数</th>
                    <th id="anzhuang">安装量</th>
                    <th>编辑时间</th>
                    <th>修改</th>
                    <th>权重</th>
                    <th>操作</th>
                </tr>
                </thead>
            </table>
            </div>

            <div id="centerTable_2" class="centerTable" style="display: none">
                <table id="table_id_2" class="firstTable">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>软件名</th>
                        <th>版本号</th>
                        <th>包名</th>
                        <th>APK地址</th>
                        <th>升级时间</th>
                        <th>修改</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                </table>
            </div>

        </div>
    </div>
    <div id="footer">
        <p style="margin-top:0px;padding-top:7px">Copyright©2003-2017 ALL Rights Reserved</p>
        <p style="margin-top:-7px;">巨赢网络 版权所有 粤ICP备15023058号</p>
    </div>
    </div>
</div>

</body>

<script>
    /*创建方法（i++循环起来）*/
    var i=0;
    function hideJinDuTiao(){
        $(".box").css("display","none");
    }
    function xh(){
        if(100 == i){
//            $(".ok").html("加载完成").fadeIn("slow");
//            $(".ok").fadeOut("slow");
//            $(".box").css("display","none");
//            i = 0;
//            return;
            add(i);
            setTimeout("hideJinDuTiao()",2000)
//            一秒后隐藏
        }
        if(0<=i && i<99){
            i++;
            add(i);
            setTimeout("xh()",1000)
        }
        if(i > 100){
            <%--alert(i);--%>
            //隐藏进度条
            $(".box").css("display","none");
            //进度条宽度设置为0
            var tiaoT =$(".tiaoT");
            tiaoT.css("width","0px").html("");
        }
    }

    //add——创建tbx下的div加文字和变宽度的方法
    function add(i){
        var tiaoT =$(".tiaoT");
        tiaoT.css("width",i+"%").html(i+"%");
    }

    //上传进度条
    function uploadPro(){
        i = 0;
        $(".box").css("display","block");
        xh();
    }

    //全局变量,判断是tab banner 还是desk
    var initValue = 0;

    var tabEdit = 0;
    var bannerEdit = 0;
    var deskEdit = 0;

    var statusM = 0;

    var thisId = 0;

    var fullStatus = 0;
    var fullDeleteId = 0;

    $(function(){
        //隐藏背景div
        $("#backDiv").hide();
        $("#contentDiv").hide();
        $("#clickDiv").hide();


        $("#prodPic").change(function () {
            //如果是banner,仅仅保存一个文件
            var objUrl = getObjectURL(this.files[0]) ;
            console.log("objUrl = "+objUrl) ;
            if (objUrl)
            {
                $("#img0").attr("src", objUrl);
                $("#img0").removeClass("hide");
                $("#prodPic").css('display','none');
            }

            //如果banner是2,仅仅保存图片信息
            if(initValue == 2){
                //ajax上传文件,只上传这一个文件
                var formData = new FormData($( "#divForm" )[0]);
                $.ajax({
                    url: '${ctx}tabAdv/saveTabAdvImg' ,
                    type: 'POST',
                    data: formData,
                    async: false,
                    cache: false,
                    contentType: false,
                    processData: false,
                    success: function (result) {
                        if(result.success == 1){
                            var apkUrl = result.code;
                            $("#prodUrlbb").val(apkUrl); //隐藏信息
//                    提示上传成功，把返回的地址放入apk地址栏
                        }else{
//                        alert("保存失败!");
                        }
                    },
                    error: function (result) {
//                    alert("网络异常!");
                    }
                });
            }
        });

        $("#img0").click(function(){
            $("#prodPic").trigger("click");
        });

        //ajax上传文件,只上传这一个文件
        $("#prodPica").change(function () {

            uploadPro();
            var formData = new FormData($( "#divForm" )[0]);
            $.ajax({
                url: '${ctx}tabAdv/saveTabAdvApk' ,
                type: 'POST',
                data: formData,
                async: false,
                cache: false,
                contentType: false,
                processData: false,
                success: function (result) {
                    if(result.success == 1){
                        var apkUrl = result.code;
                        $("#prodUrl").val(apkUrl);
                        i=100;
                        xh();
//                    提示上传成功，把返回的地址放入apk地址栏
                    }else{
//                        alert("保存失败!");
                    }
                },
                error: function (result) {
//                    alert("网络异常!");
                }
            });
        });
        $("#img1").click(function(){
            $("#prodPica").trigger("click");
        })
        $("#prodPicaM").change(function () {
//            var objUrl = getObjectURL(this.files[0]) ;
//            console.log("objUrl = "+objUrl) ;
//            if (objUrl)
//            {
//                $("#img1").attr("src", objUrl);
//                $("#img1").removeClass("hide");
//            }
            //ajax上传文件,只上传这一个文件
            uploadPro();
            var formData = new FormData($( "#divFormM" )[0]);
            $.ajax({
                url: '${ctx}updateApk/saveUpdateApk' ,
                type: 'POST',
                data: formData,
                async: false,
                cache: false,
                contentType: false,
                processData: false,
                success: function (result) {
                    if(result.success == 1){
                        var map = result.map;
                        if(null != map && ''!=map){
                            $("#prodNameM").val(map.productName);
                            $("#productName").val("应用名称:"+map.productName);
                            $("#packageName").val("包名:"+map.packageName);
                            $("#versionName").val("版本名称:"+map.versionName);
                            $("#md5").val("md5:"+map.md5);
                            $("#urlM").val(map.urlM);
                            $("#versionCode").val(map.versionCode);
                        }
//                    提示上传成功，把返回的地址放入apk地址栏
                    }else{
//                        alert("保存失败!");
                    }
                },
                error: function (result) {
//                    alert("网络异常!");
                }
            });
        });

        //复制按钮
        var clipboard3 = new Clipboard('.btn3');
        clipboard3.on('success', function(e) {
            console.log(e);
        });
        clipboard3.on('error', function(e) {
            console.log(e);
        });

        var clipboard4 = new Clipboard('.btn4');
        clipboard4.on('success', function(e) {
            console.log(e);
        });
        clipboard4.on('error', function(e) {
            console.log(e);
        });
    });

    //弹窗的两个函数
    function is_hide(){
        $("#backDivM").hide();
        $("#pageDiv").removeClass("pageDivCss");
        $(".alert").animate({"top":"-40%"}, 300)
    }
    function is_show(){
        $("#backDivM").show();
        $("#pageDiv").addClass("pageDivCss");
//        $("#backDiv").show();
        $(".alert").show().animate({"top":"45%"}, 300)
    }
    function closeTab(){
        is_hide();
        //先取消背景
        $("#backDivM").hide();
        $("#pageDiv").removeClass("pageDivCss");

        var id = fullDeleteId;

        if(fullStatus == 1){
            //未升级,确认之后,ajax再删除
            var url = "${ctx}tabAdv/delete";
            var status = false;
            $.ajax({
                type: "POST",
                url: url,
                data: {id:id,initValue:initValue},
                dataType: "json",
                async: false,
                success: function(result){
                    if(result.success==1){
                        status = true;
                    }else{
                    }
                },
                error: function(result) {
                }
            });

            if(status){
                //刷新
                if(initValue==1){
                    tabs();
                }else if(initValue==2){
                    banners();
                }else if(initValue==3){
                    desks();
                }
            }
        }else if(fullStatus == 2){
            //升级管理
            //ajax先删除
            var url = "${ctx}updateApk/delete";
            var status = false;
            $.ajax({
                type: "POST",
                url: url,
                data: {id:id},
                dataType: "json",
                async: false,
                success: function(result){
                    if(result.success==1){
                        status = true;
                    }else{
                    }
                },
                error: function(result) {
                }
            });

            if(status){
                //刷新
                updateM();
            }
        }
    }
    function cancelTab(){
        is_hide();
    }

    function exit() {
        window.location.href = "${ctx}";
    }

    function  getObjectURL(file) {
        var url = null;
        if(window.createObjectURL != undefined) { // basic
            url = window.createObjectURL(file);
        } else if(window.URL != undefined) { // mozilla(firefox)
            url = window.URL.createObjectURL(file);
        } else if(window.webkitURL != undefined) { // webkit or chrome
            url = window.webkitURL.createObjectURL(file);
        }
        return url;
    }
    
    function getTable() {
        $("#centerTable").css("display","block");
        $("#centerTable_2").css("display","none");
        //初始化表格
        var table = $('#table_id').DataTable({
//            "bPaginate" : true,//分页工具条显示
//            "sPaginationType" : "full_numbers",//分页工具条样式
//            "bStateSave" : true, //是否打开客户端状态记录功能,此功能在ajax刷新纪录的时候不会将个性化设定回复为初始化状态
//            "bScrollCollapse" : true, //当显示的数据不足以支撑表格的默认的高度
            "bLengthChange" : false, //每页显示的记录数
            "searching":false,
//            "bFilter" : false, //搜索栏
            "bSort" : false, //是否支持排序功能
//            "bInfo" : true, //显示表格信息
            "bAutoWidth" : false, //自适应宽度
//            "bJQueryUI" : false,//是否开启主题
            "bDestroy" : true,
            "bProcessing" : true, //开启读取服务器数据时显示正在加载中……特别是大数据量的时候，开启此功能比较好
            "bServerSide" : true,//服务器处理分页，默认是false，需要服务器处理，必须true

            "sAjaxDataProp" : "aData",//是服务器分页的标志，必须有
            "lengthMenu":[10],
            "serverSide" : true,
            "paging" : true,


            "sAjaxSource" : "${ctx}tabAdv/getTabAdvList?initValue="+initValue,//通过ajax实现分页的url路径。
            //这样配置后，即可用DT的API来访问表格数据
            columns: [
                {
                    "mDataProp" : "id",
                    "mRender":function(data, type, full, meta){
                        return meta.row + 1 + meta.settings._iDisplayStart;
                    }
                },
                {
                    "mDataProp" : "advName"
                },
                {
                    "mDataProp" : "advImage",
                    "mRender":function(data, type, full){
                        return '<img class="suotu" src='+data+'></img>';
//                        return "suotu";
                    }
                },
                {
                    "mDataProp" : "advUrl"
                },
                {
                    "mDataProp" : "clickNums",
                    "mRender":function(data, type, full){
                        return '<a href="#" onclick="editClickNums('+full.id+')">'+data+'</a>';
                    }
                },
                {
                    "mDataProp" : "downNums",
                    "mRender":function(data, type, full){
//                        return '<a href="#" onclick="editDownNums('+full.id+')">'+data+'</a>';
                        return "暂未统计"
                    }
                },
                {
                    "mDataProp" : "updateTime",
                    "mRender":function(data, type, full){
                        return render(data);
                    }
                },
                {
                    "mDataProp" : "id",
                    "mRender":function(data, type, full){
                        return '<a href="#" onclick="editId('+data+')">编辑</a>';
                    }
                },
                {
                    "mDataProp" : "weight",
                    "mRender":function(data, type, full){
                        return '<span>'+data+'</span>';
                    }
                },
                {
                    "mDataProp" : "id",
                    "mRender":function(data, type, full){
                        return '<a href="#" onclick="deleteId('+data+')">删除</a>';
                    }
                },
            ],
            "oLanguage" : {//语言设置
                "sProcessing": "处理中...",
                "sLengthMenu": "显示 _MENU_ 项结果",
                "sZeroRecords": "没有匹配结果",
                "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
                "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
                "sInfoFiltered": "",
                "sInfoPostFix": "",
                "sSearch": "搜索:",
                "sUrl": "",
                "sEmptyTable": "表中数据为空",
                "sLoadingRecords": "载入中...",
                "sInfoThousands": ",",
                "oPaginate": {
                    "sFirst": "首页",
                    "sPrevious": "上页",
                    "sNext": "下页",
                    "sLast": "末页"
                }
            }
        });
        $("#TopButton1").show();
        $("#table_id").show();
    }

    function getTableBanner() {
        $("#centerTable").css("display","block");
        $("#centerTable_2").css("display","none");
        $('#table_id td').remove();
        //初始化表格
        var table = $('#table_id').DataTable({
//            "bPaginate" : true,//分页工具条显示
//            "sPaginationType" : "full_numbers",//分页工具条样式
//            "bStateSave" : true, //是否打开客户端状态记录功能,此功能在ajax刷新纪录的时候不会将个性化设定回复为初始化状态
//            "bScrollCollapse" : true, //当显示的数据不足以支撑表格的默认的高度
            "bLengthChange" : false, //每页显示的记录数
            "searching":false,
//            "bFilter" : false, //搜索栏
            "bSort" : false, //是否支持排序功能
//            "bInfo" : true, //显示表格信息
            "bAutoWidth" : false, //自适应宽度
//            "bJQueryUI" : false,//是否开启主题
            "bDestroy" : true,
            "bProcessing" : true, //开启读取服务器数据时显示正在加载中……特别是大数据量的时候，开启此功能比较好
            "bServerSide" : true,//服务器处理分页，默认是false，需要服务器处理，必须true

            "sAjaxDataProp" : "aData",//是服务器分页的标志，必须有
            "lengthMenu":[10],
            "serverSide" : true,
            "paging" : true,


            "sAjaxSource" : "${ctx}tabAdv/getTabAdvList?initValue="+initValue,//通过ajax实现分页的url路径。
            //这样配置后，即可用DT的API来访问表格数据
            columns: [
                {
                    "mDataProp" : "id",
                    "mRender":function(data, type, full, meta){
                        return meta.row + 1 + meta.settings._iDisplayStart;
                    }
                },
                {
                    "mDataProp" : "advName"
                },
                {
                    "mDataProp" : "advImage",
                    "mRender":function(data, type, full){
                        return '<img class="suotu" src='+data+'></img>';
//                        return "suotu";
                    }
                },
                {
                    "mDataProp" : "advUrl"
                },
                {
                    "mDataProp" : "clickNums",
                    "mRender":function(data, type, full){
                        return '<a href="#" onclick="editClickNums('+full.id+')">'+data+'</a>';
                    }
                },
                {
                    "mDataProp" : "updateTime",
                    "mRender":function(data, type, full){
                        return render(data);
                    }
                },
                {
                    "mDataProp" : "id",
                    "mRender":function(data, type, full){
                        return '<a href="#" onclick="editId('+data+')">编辑</a>';
                    }
                },
                {
                    "mDataProp" : "weight",
                    "mRender":function(data, type, full){
                        return '<span>'+data+'</span>';
                    }
                },
                {
                    "mDataProp" : "id",
                    "mRender":function(data, type, full){
                        return '<a href="#" onclick="deleteId('+data+')">删除</a>';
                    }
                },
            ],
            "oLanguage" : {//语言设置
                "sProcessing": "处理中...",
                "sLengthMenu": "显示 _MENU_ 项结果",
                "sZeroRecords": "没有匹配结果",
                "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
                "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
                "sInfoFiltered": "",
                "sInfoPostFix": "",
                "sSearch": "搜索:",
                "sUrl": "",
                "sEmptyTable": "表中数据为空",
                "sLoadingRecords": "载入中...",
                "sInfoThousands": ",",
                "oPaginate": {
                    "sFirst": "首页",
                    "sPrevious": "上页",
                    "sNext": "下页",
                    "sLast": "末页"
                }
            }
        });
        $("#TopButton1").show();
        $("#table_id").show();
    }

    function getTableM() {
        $("#centerTable").css("display","none");
        $("#centerTable_2").css("display","block");
        //初始化表格
        var table = $('#table_id_2').DataTable({
//            "bPaginate" : true,//分页工具条显示
//            "sPaginationType" : "full_numbers",//分页工具条样式
//            "bStateSave" : true, //是否打开客户端状态记录功能,此功能在ajax刷新纪录的时候不会将个性化设定回复为初始化状态
//            "bScrollCollapse" : true, //当显示的数据不足以支撑表格的默认的高度
            "bLengthChange" : false, //每页显示的记录数
            "searching":false,
//            "bFilter" : false, //搜索栏
            "bSort" : false, //是否支持排序功能
//            "bInfo" : true, //显示表格信息
            "bAutoWidth" : false, //自适应宽度
//            "bJQueryUI" : false,//是否开启主题
            "bDestroy" : true,
            "bProcessing" : true, //开启读取服务器数据时显示正在加载中……特别是大数据量的时候，开启此功能比较好
            "bServerSide" : true,//服务器处理分页，默认是false，需要服务器处理，必须true

            "sAjaxDataProp" : "aData",//是服务器分页的标志，必须有
            "lengthMenu":[10],
            "serverSide" : true,
            "paging" : true,

            "sAjaxSource" : "${ctx}updateApk/getUpdateApkList",//通过ajax实现分页的url路径。
            //这样配置后，即可用DT的API来访问表格数据
            columns: [
                {
//                    "mDataProp" : "id"
                    "mRender":function(data, type, full, meta){
                        return meta.row + 1 + meta.settings._iDisplayStart;
                    }
                },
                {
                    "mDataProp" : "apkName"
                },
                {
                    "mDataProp" : "versionCode"
                },
                {
                    "mDataProp" : "packageName"
                },
                {
                    "mDataProp" : "url"
                },
                {
                    "mDataProp" : "updateTime",
                    "mRender":function(data, type, full){
                        return render(data);
                    }
                },
                {
                    "mDataProp" : "id",
                    "mRender":function(data, type, full){
                        return '<a href="#" onclick="editMId('+full.id+')">编辑</a>';
                    }
                },
                {
                    "mDataProp" : "id",
                    "mRender":function(data, type, full){
                        return '<a href="#" onclick="deleteMId('+data+')">删除</a>';
                    }
                },
            ],
            "oLanguage" : {//语言设置
                "sProcessing": "处理中...",
                "sLengthMenu": "显示 _MENU_ 项结果",
                "sZeroRecords": "没有匹配结果",
                "sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
                "sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
                "sInfoFiltered": "",
                "sInfoPostFix": "",
                "sSearch": "搜索:",
                "sUrl": "",
                "sEmptyTable": "表中数据为空",
                "sLoadingRecords": "载入中...",
                "sInfoThousands": ",",
                "oPaginate": {
                    "sFirst": "首页",
                    "sPrevious": "上页",
                    "sNext": "下页",
                    "sLast": "末页"
                }
            }
        });
        $("#TopButton2").show();
        $("#table_id").show();
    }

    function adv(){
//        显示或者隐藏下面的div

    }

    function tabs(){
        initValue = 1;
        //改变颜色
        $("#advTab").css("color","#2684CC");
        $("#advBanner").css("color","black");
        $("#advDesk").css("color","black");
        $("#updateM").css("color","black");
        $("#thPicName").text("广告缩略图");
        $("#TopButton1").css('display','block');
        $("#TopButton2").css('display','none');
        $("#anzhuang").css('display','block');
        getTable();

    }

    function banners(){
        initValue = 2;
        $("#advBanner").css("color","#2684CC");
        $("#advTab").css("color","black");
        $("#advDesk").css("color","black");
        $("#updateM").css("color","black");
        $("#thPicName").text("Banner缩略图");
        $("#TopButton1").css('display','block');
        $("#TopButton2").css('display','none');
        $("#anzhuang").css('display','none');
        getTableBanner();
    }

    function desks(){
        initValue = 3;
        $("#advDesk").css("color","#2684CC");
        $("#advBanner").css("color","black");
        $("#advTab").css("color","black");
        $("#updateM").css("color","black");
        $("#thPicName").text("广告缩略图");
        $("#TopButton1").css('display','block');
        $("#TopButton2").css('display','none');
        $("#anzhuang").css('display','block');
        getTable();
    }

    function systemM(){
    }

    function updateM(){
        initValue = 4;
        $("#updateM").css("color","#2684CC");
        $("#advDesk").css("color","black");
        $("#advBanner").css("color","black");
        $("#advTab").css("color","black");
//        $("#thPicName").text("桌面缩略图");
//        $("#centerTop").css('display','none');
        $("#TopButton1").css('display','none');
        $("#TopButton2").css('display','block');
//        $("#anzhuang").css('display','block');
        getTableM();
    }

    //新增广告
    function addTab(){
        $("#prodPic").css('display','block');
        if(initValue == 1){
            $("#thTopName").text("新增Tab栏目广告位");
            tabEdit = 1;
            $("#div_2a").show();
            $("#anzhInput").val("安装包地址");
        }else if(initValue == 2){
            $("#thTopName").text("新增Banner栏目广告位");
            bannerEdit = 1;
            //隐藏上传apk的div
//        <div id="div_2a">
//                <div id="div_2a1">上传APK包:&nbsp&nbsp&nbsp<span style="color: red">*</span></div>
//            <div id="div_2a2">
//                <img src="" id="img1" width="60px" height="60px" class="hide">
//                <input id="prodPica" name="prodPica" type="file"></input>
//                </div>
//                </div>
            $("#div_2a").hide();
            $("#anzhInput").val("跳转地址");
        }else if(initValue == 3){
            $("#thTopName").text("新增桌面广告位");
            deskEdit = 1;
            $("#div_2a").show();
            $("#anzhInput").val("安装包地址");
        }

        $("#contentDivM").hide();
        $("#pageDiv").addClass("pageDivCss");
        $("#backDiv").show();
        $("#contentDiv").show();
//        $("#backDiv").css('display',"block");
//        $("#contentDiv").css('display','block');
//        $("#centerTop").addClass("pageDivCss");
//        $("#center").addClass("pageDivCss");

    }

    //新增更新
    function addTabM(){
        $("#prodPic").css('display','block');
        statusM = 1;
        $("#contentDiv").hide();
        $("#pageDiv").addClass("pageDivCss");
        $("#backDiv").show();
//        $("#contentDiv").show();
//        $("#backDiv").css('display',"block");
//        $("#contentDiv").css('display','block');
//        $("#centerTop").addClass("pageDivCss");
//        $("#center").addClass("pageDivCss");
        $("#contentDivM").show();
    }

    function divSave(){
        var saveOrEdit;
        if(initValue == 1){
            saveOrEdit = tabEdit;
        }else if(initValue == 2){
            saveOrEdit = bannerEdit;
        }else if(initValue == 3){
            saveOrEdit = deskEdit;
        }

        if(saveOrEdit == 1){ //1为保存
            var formData = new FormData($( "#divForm" )[0]);
            $.ajax({
                url: '${ctx}/tabAdv/saveTabAdv?initValue='+initValue,
                type: 'POST',
                data: formData,
                async: false,
                cache: false,
                contentType: false,
                processData: false,
                success: function (result) {
                    if(result.success == 1){
//                    关闭当前页,刷新页面
                        $("#pageDiv").removeClass("pageDivCss");
                        $("#contentDiv").hide();
                        $("#backDiv").hide();

                        //先清空上一次的内容
                        $("#contentDiv input[name=prodName]").val("");
                        $("#contentDiv input[name=prodPic]").val("");
                        $("#contentDiv input[name=prodUrl]").val("");
                        $("#contentDiv input[name=prodRadio]").val("");
                        $("#contentDiv input[name=weight]").val("");
                        $("#contentDiv input[name=prodUrlbb]").val("");
                        $("#img0").addClass("hide");
                        //刷新当前tab页
                        if(initValue==1){
                            tabs();
                        }else if(initValue==2){
                            banners();
                        }else if(initValue==3){
                            desks();
                        }
                    }else{
//                    提交失败
//                      alert("保存失败!");

                    }
                },
                error: function (result) {
//                alert(result);
//                  alert("网络异常!");
                }
            });
        }else if(saveOrEdit == 2){ //2为更新
            id = thisId;
            var url = "";
            if(initValue == 1){
                url = "${ctx}tabAdv/editTab?initValue="+initValue+"&id="+id;
            }else if(initValue == 2){
                url = "${ctx}bannerAdv/editBanner?initValue="+initValue+"&id="+id;
            }else if(initValue == 3){
                url = "${ctx}desktopAdv/editDesk?initValue="+initValue+"&id="+id;
            }

            $("#pageDiv").addClass("pageDivCss");
            $("#backDiv").show();

            var formData = new FormData($( "#divForm" )[0]);
            $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                async: false,
                cache: false,
                contentType: false,
                processData: false,
                success: function (result) {
                    if (result.success == 1) {
//                    关闭当前页,刷新页面
                        $("#pageDiv").removeClass("pageDivCss");
                        $("#contentDiv").hide();
                        $("#backDiv").hide();

                        //先清空上一次的内容
                        $("#contentDiv input[name=prodName]").val("");
                        $("#contentDiv input[name=prodPic]").val("");
                        $("#contentDiv input[name=prodUrl]").val("");
                        $("#contentDiv input[name=prodRadio]").val("");
                        $("#contentDiv input[name=weight]").val("");
                        $("#contentDiv input[name=prodUrlbb]").val("");
                        $("#img0").addClass("hide");
                        //刷新当前tab页
                        if (initValue == 1) {
                            tabs();
                        } else if (initValue == 2) {
                            banners();
                        } else if (initValue == 3) {
                            desks();
                        }
                    } else {
//                    提交失败
//                      alert("保存失败!");

                    }
                },
                error: function (result) {
//                alert(result);
//                  alert("网络异常!");
                }
            });
        }
    }

    function divSaveM(){
        if(statusM == 1){ //1为保存
            var formData = new FormData($( "#divFormM" )[0]);
            $.ajax({
                url: '${ctx}/updateApk/saveApk',
                type: 'POST',
                data: formData,
                async: false,
                cache: false,
                contentType: false,
                processData: false,
                success: function (result) {
                    if(result.success == 1){
//                    关闭当前页,刷新页面
                        $("#pageDiv").removeClass("pageDivCss");
                        $("#contentDivM").hide();
                        $("#backDiv").hide();

                        //先清空上一次的内容
                        $("#contentDivM input[name=prodNameM]").val("");
                        $("#contentDivM input[name=productName]").val("");
                        $("#contentDivM input[name=packageName]").val("");
                        $("#contentDivM input[name=versionName]").val("");
                        $("#contentDivM input[name=md5]").val("");
                        $("#contentDivM input[name=urlM]").val("");
                        $("#contentDivM input[name=versionCode]").val("");
                        $("#contentDivM textarea").val("");
                        $("#img0").addClass("hide");
                        //刷新当前tab页
                        updateM();
                    }else{
//                    提交失败
//                      alert("保存失败!");

                    }
                },
                error: function (result) {
//                alert(result);
//                  alert("网络异常!");
                }
            });
        }else if(statusM == 2){ //2为更新
            id = thisId;
            var url = "${ctx}updateApk/editApk?id="+id;

            $("#pageDiv").addClass("pageDivCss");
            $("#backDiv").show();

            var formData = new FormData($( "#divFormM" )[0]);
            $.ajax({
                url: url,
                type: 'POST',
                data: formData,
                async: false,
                cache: false,
                contentType: false,
                processData: false,
                success: function (result) {
                    if (result.success == 1) {
//                    关闭当前页,刷新页面
                        $("#pageDiv").removeClass("pageDivCss");
                        $("#contentDivM").hide();
                        $("#backDiv").hide();

                        //先清空上一次的内容
                        $("#contentDivM input[name=prodNameM]").val("");
                        $("#contentDivM input[name=productName]").val("");
                        $("#contentDivM input[name=packageName]").val("");
                        $("#contentDivM input[name=versionName]").val("");
                        $("#contentDivM input[name=md5]").val("");
                        $("#contentDivM input[name=urlM]").val("");
                        $("#contentDivM input[name=versionCode]").val("");
                        $("#img0").addClass("hide");

                        //刷新当前tab页
                        updateM();
                    } else {
//                    提交失败
//                      alert("保存失败!");
                    }
                },
                error: function (result) {
//                alert(result);
//                  alert("网络异常!");
                }
            });
        }
    }

    function divCancel(){
        i = 101;
        xh();

        $("#pageDiv").removeClass("pageDivCss");
        $("#contentDiv").hide();
        $("#backDiv").hide();

        //先清空上一次的内容
        $("#contentDiv input[name=prodName]").val("");
        $("#contentDiv input[name=prodPic]").val("");
        $("#contentDiv input[name=prodUrl]").val("");
        $("#contentDiv input[name=prodRadio]").val("");
        $("#contentDiv input[name=weight]").val("");
        $("#contentDiv input[name=prodUrlbb]").val("");
        $("#img0").addClass("hide");
    }
    function divCancelM(){
        $("#pageDiv").removeClass("pageDivCss");
        $("#contentDivM").hide();
        $("#backDiv").hide();

        //先清空上一次的内容
        $("#contentDivM input[name=prodNameM]").val("");
        $("#contentDivM input[name=productName]").val("");
        $("#contentDivM input[name=packageName]").val("");
        $("#contentDivM input[name=versionName]").val("");
        $("#contentDivM input[name=md5]").val("");
        $("#contentDivM input[name=urlM]").val("");
        $("#contentDivM input[name=versionCode]").val("");
        $("#contentDivM textarea").val("");
        $("#img0").addClass("hide");
    }
    //获取点击次数
    function editClickNums(id){
        //ajax后台请求数据
        $.ajax({
            type: "POST",
            url: "${ctx}tabAdv/editClickNums",
            data: {id:id,initValue:initValue},
            dataType: "json",
            success: function(result){
                if(result.success==1){
                    var data = result.list;
                    var tbody;
                    $.each(data,function(n,value) {
                        var trs = "";
                        trs += " <tr> <td style="+"width:180px;text-align:center "+"> " + render(value.createDate) +"</td>"+"<td style="+"width:180px;text-align:center "+"> " + value.clickNum +"</td ></tr>";
                        tbody += trs;
                    });
                    $("#clickTable tbody").append(tbody);
                    $("#pageDiv").addClass("pageDivCss");
                    $("#backDiv").show();
                    $("#clickDiv").show();
                }else{
                    //弹窗,获取数据失败
                }
            },
            error: function(result) {
                //提示系统错误
            }
        });
    }

    function clickCancel(){
        $("#clickTable tbody").empty();
        $("#clickDiv").hide();
        $("#backDiv").hide();
        $("#pageDiv").removeClass("pageDivCss");
    }

    //编辑页面
    function editId(id){
        $("#prodPic").css('display','block');
        thisId = id;
        var url = "";

        if(initValue == 1){
            url = "${ctx}tabAdv/editTabV";
            tabEdit = 2;
            $("#thTopName").text("编辑Tab栏目广告位");
            $("#anzhInput").val("安装包地址");
        }else if(initValue == 2){
            url = "${ctx}bannerAdv/editBannerV";
            bannerEdit = 2;
            $("#thTopName").text("编辑Banner栏目广告位");
            $("#anzhInput").val("跳转地址");
        }else if(initValue == 3){
            url = "${ctx}desktopAdv/editDeskV";
            deskEdit = 2;
            $("#thTopName").text("编辑桌面广告位");
            $("#anzhInput").val("安装包地址");
        }
        $("#pageDiv").addClass("pageDivCss");
        $("#backDiv").show();
        //在show之前先查询所有的数据，然后进行渲染
        $.ajax({
            type: "POST",
            url: url,
            data: {id:id},
            dataType: "json",
            success: function(result){
                if(result.success==1){
                    $("#prodName").val(result.t.advName);
//                    $("#prodName").val(result.t.prodName);
                    if(initValue == 2){
                        $("#prodUrlbb").val(result.t.advImage);
                        $("#prodUrl").val(result.t.advUrl);
                    }else{
                        $("#prodUrl").val(result.t.advUrl);
                    }
//                    $("#prodUrl").val(result.t.prodUrl);
                    $("#weight").val(result.t.weight);
                }else{
                    //弹窗,获取数据失败
                }
            },
            error: function(result) {
                //提示系统错误
            }
        });
        $("#contentDiv").show();
    }

    //编辑M页面
    function editMId(id){
        $("#prodPic").css('display','block');
        statusM = 2;
        thisMId = id;
        var url = "${ctx}updateApk/editMId";
        $("#thTopNameM").text("编辑更新");

        $("#pageDiv").addClass("pageDivCss");
        $("#backDiv").show();
        //在show之前先查询所有的数据，然后进行渲染
        $.ajax({
            type: "POST",
            url: url,
            data: {id:id},
            dataType: "json",
            success: function(result){
                if(result.success==1){
                    var map = result.t;
                    //除了文件不展示,其他都展示
                    $("#prodNameM").val(map.apkName);
                    $("#productName").val("应用名称:"+map.apkName);
                    $("#packageName").val("包名:"+map.packageName);
                    $("#versionName").val("版本名称:"+map.versionName);
                    $("#md5").val("md5:"+map.md5);
                    $("#urlM").val(map.url);
                    $("#versionCode").val(map.versionCode);
                    $("#idAPk").val(id);
//                    更新信息
                    $("#updateMArea").val(map.des);
                }else{
                    //弹窗,获取数据失败
                }
            },
            error: function(result) {
                //提示系统错误
            }
        });
        $("#contentDivM").show();
    }

    //删除
    function deleteId(id){
        fullStatus = 1;
        fullDeleteId = id;
        $("#ts").html("删除后将不可恢复,请确认!");
        is_show();
    }

    //删除
    function deleteMId(id){
        fullStatus = 2;
        fullDeleteId = id;
        $("#ts").html("删除后将不可恢复,请确认!");
        is_show();
    }

    function render(nS){
        var date =  new Date(nS);
        var y = 1900+date.getYear();
        var m = "0"+(date.getMonth()+1);
        var d = "0"+date.getDate();
        return y+"-"+m.substring(m.length-2,m.length)+"-"+d.substring(d.length-2,d.length);
    }

</script>

</html>
